<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>HTML5/canvas带渐变色的圆形加载进度条动画 - 代码库</title>
	<link rel="stylesheet" href="css/dmaku.css">
</head>
<!--/************************************************************
 *																*
 * 						      代码库							*
 *                        www.dmaku.com							*
 *       		  努力创建完善、持续更新插件以及模板			*
 * 																*
**************************************************************-->
<body>	
	<div class=" bgcolor-8">
		<div class="circles">
			<div class="first circle">
				<span>no <br/> animation</span>
			</div>

			<div class="second circle">
				<strong></strong>
				<span>animation <br/> progress</span>
			</div>

			<div class="third circle">
				<strong></strong>
				<span>value <br/> progress</span>
			</div>

			<div class="forth circle">
				<span>solid fill, <br/> custom angle</span>
			</div>

			<div class="fifth circle">
				<span>image fill, <br/> custom sizes</span>
			</div>
		</div>
		<div class="htmleaf-demo center">
		  <a class="btn" href="#" id="demo-reset">Reset</a>
		  <a class="btn" href="#" id="demo-play">Play</a>
		</div>
	</div>	
	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/circle-progress.js"></script>
	<script src="js/dmaku.js"></script>
</body>
</html>